(function () {
    $.fn.extend({
        tab_change() {
            class swiper {
                constructor(el) {
                    this.el = el;
                    this.hbtn = this.el.children().eq(0).children();
                    this.hbox = this.el.children().eq(1).children();
                    this.toSwitch();
                    this.toLoad();
                }
                toLoad() {
                    this.hbtn.eq(0).css('background-color', '#f10180').siblings().css('background-color', '#fff');
                    this.hbox.eq(0).show().siblings().hide();
                }
                toSwitch() {
                    let self = this;
                    this.hbtn.each((index, item) => {
                        item.onclick = function () {
                            $(this).css('background-color', '#f10180').siblings().css('background-color', '#fff');
                            self.hbox.eq(index).show().siblings().hide()
                        }
                    })
                }
            }
            new swiper(this);
        }
    })
})()

$(function () {
    $("#form-box").tab_change();
})